<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>M2M</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style1.css" rel="stylesheet" type="text/css" />
<script> //Start of the Javascript fading image slideshow
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully - Javascript

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 4000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'images/slideshowimage1'
Pic[1] = 'images/slideshowimage2'
Pic[2] = 'images/slideshowimage3'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
</head>

<body>
<body onLoad="runSlideShow()">
  <div id="top banner">
    <div id="sitebranding">
    <h1 align="center">M2M - Slideshow</h1>
    </div>
	
<div id="tagline"> 
    <p align="center">
	<a href="http://demo.script.aculo.us/shop">AJAX Drag and Drop Shopping Cart Example1</a>| 
	<a href="http://www.student.soc.napier.ac.uk/~03001904/ajaxshoppingcart/ajaxshoppingcart.html">AJAX Drag and Drop Shopping Cart Example2 </a>| 
	 </p>
  </div> <!-- end of header div -->
<div id="bodycontent"> 
  <h2 align="center">Home</h2>
  <div align="center"> 
    <table border="0" cellpadding="0" cellspacing="0">
      <tr> 
        <td id="VU" height=764 width=458> <div align="center"><img src="images/slideshowimage1" name='SlideShow' width=458 height=600 /></div></td>
      </tr>
    </table>
  </div>

</body>
   

</html>
